<!--  -->
<template>
  <div class="welcome">
    <SiteBaseInfo />
    <div style="height: 18px;"></div>
    <SiteOperationAndHelp />
    <div style="height: 18px;"></div>
    <VersionUpdate />
    <div style="height: 18px;"></div>
    <div class="back-version">后台版本号： {{this.backendVersionsion}}</div>
    <div class="back-survey"><a href="https://docs.qq.com/form/page/DU0hEbk5hZ01WS3ZN" target="_blank"><i class="el-icon-present"></i>有奖问卷调查</a></div>
  </div>
</template>

<script>
import SiteBaseInfo from '@/components/main/user/welcome/SiteBaseInfo.vue'
import VersionUpdate from '@/components/main/user/welcome/VersionUpdate.vue'
import SiteOperationAndHelp from '@/components/main/user/welcome/SiteOperationAndHelp.vue'
export default {
  data () {
    return {
      backendVersionsion: ''
    }
  },
  created () {
    this.$post('/version/node-backend').then(
      response => {
        this.backendVersionsion = response
      },
      error => {
        console.error(error)
      }
    )
  },
  components: {
    SiteBaseInfo,
    VersionUpdate,
    SiteOperationAndHelp
  }
}

</script>
<style scoped lang="scss">
.back-version {
  position: fixed;
  bottom: 0;
  line-height: 2;
  right: 0;
  background: rgba(225,225,225,0.85);
  color: #666;
  padding: 0 20px;
  font-size: 13px;
}
.back-survey {
  position: fixed;
  bottom: 40px;
  right: 7px;
  background: #fff;
  border: 1px solid #d9d9d9;
  width: 40px;
  text-align: center;
  a{
    display: block;
    padding:10px 6px;
    text-decoration: none;
    color:#333;
    i{
      background:#409EFF;
      padding: 5px;
      border-radius: 50%;
      color: #fff;
    }
  }
}
</style>
